@import "./variable";
border-1px($color) {
  position: relative;
  &:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid $color;
    content: '';
  }
}
border-1px-top($color) {
  position: relative;
  &:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 1px solid $color;
    content:'';
  }
}
extend-click(){
  position:relative;
  label:before{
    content:'';
    position:absolute;
    display:block;
    left:-10px;
    bottom:-10px;
    right:-10px;
    top:-10px;
  }
}

// 背景图片
bg-image($url) {
  background-image: url('img/' + $url + '@2x.png');
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    background-image: url('img/' + $url + '@3x.png');
  }
}

// 图片边框
border-image($url) {
  border-image: url('img/' + $url + '@2x.png') 1 1 round;
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    border-image: url('img/' + $url + '@3x.png') 1 1 round;
  }
}

// 不换行
no-wrap()
  text-overflow: ellipsis
  overflow: hidden
  white-space: nowrap

// 扩展点击区域
extend-click() {
  position: relative;
  &:before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
  }
}
//按钮
default-btn($color){
  color:#FFF;
  display:block;
  background:$color;
  width:100%;
  height:$default-btn-height;
  line-height:$default-btn-line-height;
}
